@import"./reset";
@import"./common";
@import"./vw";
header{
    width: vw(750);
    .top{
        width: vw(704);
        height: vw(57);
        margin: 0 auto;
        margin-top: vw(30);
        display: flex;
        justify-content: space-between;
        .top1 input{
            width: vw(123);
            border: 1px solid #ff9344;
            border-radius: vw(20);
            font-size: vw(26);
        }
        .top2 p{
            font-size: vw(26);
        }
        .top3 select{
            width: vw(159);
            border: 1px solid #ff9344;
            font-size: vw(26);
        }
    }
}
section{
    width: vw(750);
    .banner{
        width: vw(704);
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        img{
            width: vw(148);
        }
    }
    .banner-bot{
        width: vw(615);
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        margin-top: vw(10);
        a{
        color: black;
        font-size: vw(26);
        }
    }
    .pages{
        display: flex;
        width: vw(100);
        justify-content: space-between;
        position: relative;
        left: vw(315);
        ul li{
        display: inline-block;
        width: vw(20);
        height: vw(20);
        border-radius: 50%;
        }
    }
    .food{
        width: vw(704);
        height: vw(65);
        display: flex;
        justify-content: space-between;
        line-height: vw(57);
        margin: 0 auto;
        .left{
            display: flex;
        }
        .left img{
            width: vw(56);
            height: vw(56);
        }  
        .left p{
            font-size: vw(30);
            margin-left: vw(10);
            line-height: vw(65);
        }
        .right img{
            width: vw(25);
        }
        .right a{
            color: black;
            font-size: vw(24);
            line-height: vw(65);
        }
    } 
    .food-img{
        width: vw(704);
        height: vw(231);
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        margin: 0 auto;
        img{
            width: vw(148);
            height: vw(133);
        }
    } 
}